import React, { memo } from "react";
import SectionFooterWrapper from "./style";
import PropTypes from "prop-types";
import IconMoreArrow from "@/assets/svg/icon-more-arrow";
const SectionFooter = memo(function SectionFooter(props) {
  const { name } = props;
  let showMessage = "";
  if (name) {
    showMessage = "查看更多" + name + "房源";
  } else {
    showMessage = "查看更多";
  }
  return (
    <SectionFooterWrapper color={name ? "#00848A" : "#000"}>
      <div className="info">
        <div className="text">{showMessage}</div>
        <div className="icno">
          <IconMoreArrow />
        </div>
      </div>
    </SectionFooterWrapper>
  );
});
SectionFooter.propTypes = {
  name: PropTypes.string,
};
export default SectionFooter;
